/**** 商品信息录入 ****/

/**
 * 暗调背景按钮 Mixin
 * $themeColor 主题按钮背景色
 */
@mixin btn_darkColor($themeColor) {
    background-color: $themeColor;
    border: 1px solid darken($themeColor, 10%);
    color: #ffffff;
    &:hover {
        background-color: lighten($themeColor,5%);
        border-color: darken($themeColor, 0%);
    }
    &:active {
        background-color:$themeColor;
        border-color: darken($themeColor, 10%);
    }
}

/* 表单样式部分 */
.formInfo {
    width: 100%;
    padding: 10px 12px 30px 20px;
    background-color: #ffffff;
    border: 1px solid #cbcbcb;
    & > div {
        padding-top: 20px;
        label, input, select, .required {
            display: inline-block;
            vertical-align: middle;
        }
        label {
            width: 6rem; 
        }
        input, select {
            width: 360px;
            color: #3a3b3e;
            &:focus {
                color: #198aec;
                transform: scale(1.02);
            }
        }
        &.btnGroup {
            margin-top: 12px;
            button {
                width: 170px;
                margin-right: 20px;
                &.btn-add {
                    @include btn_darkColor(#06ac88);
                }
                &.btn-edit {
                    @include btn_darkColor(#066aac);
                }
            }
        }
        .required {
            color: #df4646;
            font-size: 1.2rem;
            font-family: cursive;
            margin-left: 12px;
        }
    }
}